.page {
    height: 100vh;
    width: 100%;
    position: relative;
    background-image: url('https://static.hzddyy.com/app/consultQrCode_bg.png');
    background-size: cover;

    .top {
        text-align: center;
        color: #414D5E;
        text-align: center;
        font-size: 28px;
        font-weight: 400;
        display: flex;
        flex-direction: column;

        .title {
            color: #263446;
            text-align: center;
            font-size: 52px;
            font-weight: 600;
            margin-bottom: 16px;
        }
    }

    .center {
        position: relative;
        margin-left: 48px;
        margin-right: 48px;
        display: flex;
        flex-direction: column;
        background-color: #fff;
        justify-content: center;
        margin-top: 112px;
        padding-bottom: 64px;
        border-radius: 32px;
        box-shadow: 0px 4px 16px 0px rgba(60, 107, 255, 0.10);

        .qrCode {
            width: 320px;
            height: 320px;
            margin: 104px auto auto;
            background-color: #fff;
        }

        .logo {
            width: 160px;
            height: 160px;
            border-radius: 100px;
            position: absolute;
            top: 0;
            left: 0;
            right: 0;
            transform: translateY(-56px);
            margin: 0 auto;
            z-index: 1;
        }

        .center_bottom {
            height: 100px;
            margin-left: 64px;
            margin-right: 64px;
            margin-top: 48px;
            display: flex;
            align-items: center;
            justify-content: center;
            gap: 16px;
            border-radius: 16px;
            background: #F1F5FF;
            color:  #3056CC;
            

            .tips::before {
                content: "";
                display: inline-block;
                width: 40px;
                height: 20px;
                background-image: url("../assets/icons/consultQrCode_tips_left.png");
                background-size: cover;
                margin-right: 16px;
            }

            .tips::after {
                content: "";
                display: inline-block;
                width: 40px;
                height: 20px;
                background-image: url("../assets/icons/consultQrCode_tips_right.png");
                background-size: cover;
                margin-left: 16px;
            }
        }
    }

    .bottom {
        margin: 64px auto auto;
        color: #3C6BFF;
        font-size: 24px;
        font-weight: 400;
        display: flex;
        justify-content: center;
        align-items: center;
        opacity: 0.5;
        
        .img {
            width: 28px;
            height: 28px;
            margin-right: 16px;
        }
    }


}